/*
 * Colours.
 *
 * Open Source Software published under the Apache Licence, Version 2.0.
 */

.root {
    -colour-principal: #4FB684;
    -colour-bow: #FFDA90;
    -colour-significant: #B21118;

    -colour-breadcrumb-weak: derive(-colour-principal, -30%);
    -colour-breadcrumb-strong: derive(-colour-principal, 70%);

    -fx-base: -colour-principal;
    -fx-focus-color: -colour-bow;
    -fx-accent: -colour-bow;
    -fx-default-button: derive(-colour-principal, -40%);
}

/*
 * Common elements.
 */

Button.significant {
    -fx-base: -colour-significant;
}
Button {
    -fx-text-fill: derive(-fx-base, 140%);
}
Button Glyph * {
    -fx-fill: derive(-fx-base, 120%);
}
.text-field {
    -fx-base: white;
    -fx-highlight-text-fill: black;
}
MenuBar {
    -fx-base: derive(-colour-principal, -80%);
}
.masker {
    -fx-background-color: black;
}

/*
 * Dialogue pane.
 */

.dialog-pane {
    -fx-base: derive(-colour-principal, -40%);
}
.dialog-pane Label {
    -fx-text-fill: derive(-fx-base, 120%);
}

/*
 * Draw wizard.
 */

.drawWizardPane .passwordNotice {
    -fx-border-color: -colour-principal;
}

/*
 * Draw wizard breadcrumbs.
 */

.drawWizardPane .breadcrumbs .breadcrumbDone {
    -fx-background-color: -colour-breadcrumb-strong;
    -fx-text-fill: -colour-breadcrumb-weak;
}
.drawWizardPane .breadcrumbs .breadcrumbPending {
    -fx-background-color: -colour-breadcrumb-weak;
    -fx-text-fill: -colour-breadcrumb-strong;
    -fx-border-color: -colour-breadcrumb-strong;
}
.drawWizardPane .breadcrumbs .breadcrumbJoinDone {
    -fx-background-color: -colour-breadcrumb-strong;
}
.drawWizardPane .breadcrumbs .breadcrumbJoinPending {
    -fx-background-color: -colour-breadcrumb-weak;
    -fx-border-color: -colour-breadcrumb-strong;
}

/*
 * Participants table.
 */

.session .participantsPane {
    -fx-base: derive(-colour-principal, 70%);
}
.session .participantsPane .fieldParticipantName Glyph * {
    -fx-fill: -colour-significant;
}
.session .participantsPane .fieldExclusions Glyph *, .session .participantsPane .buttonParticipantAction Glyph *, .session .choiceRole Glyph * {
    -fx-fill: derive(-colour-principal, -30%);
}
.session .participantsPane .combo-box .arrow {
    -fx-background-color: derive(-colour-principal, -30%);
}
.session .participantsPane .combo-box {
    -fx-base: derive(-colour-principal, 100%);
}
.session .participantsPane .numberBar {
    -fx-background-color: derive(-colour-principal, -30%);
    -fx-opacity: 0.1;
}
.session .participantsPane .labelRowNumber {
    -fx-text-fill: derive(-colour-principal, -30%);
}

/*
 * About dialogue.
 */

.about {
    -fx-base: derive(-colour-principal, -40%);
}
.about .aboutContent {
    -fx-border-color: -colour-principal;
}
.about Text {
    -fx-fill: derive(-fx-base, 120%);
}
.about Label {
    -fx-text-fill: derive(-fx-base, 120%);
}
.about .githubStar Glyph * {
    -fx-fill: -colour-bow;
}

/*
 * Hyperlinks.
 */

.about .website Glyph *, .about .twitter Glyph * {
    -fx-fill: derive(-fx-base, 130%);
}
Hyperlink {
    -fx-text-fill: derive(-fx-base, 130%);
}

/*
 * Tool bar.
 */

ToolBar {
    -fx-base: derive(-colour-principal, -40%);
}
ToolBar Button {
    -fx-base: derive(-colour-principal, -50%);
}

/*
 * Draw bar.
 */

.drawBar {
    -fx-background-color: derive(-colour-principal, -30%);
}
.drawBar Label {
    -fx-text-fill: derive(-colour-principal, 90%);
}

/*
 * Status bar.
 */

StatusBar {
    -fx-base: derive(-colour-principal, -40%);
}
StatusBar Label {
    -fx-text-fill: derive(-colour-principal, 90%);
}
